<template>
  <div class="userName">
    <h1>您好,{{ userInof.name }}</h1>
    <div>您的角色:{{ userInof.role==='admin'?"管理员":"访客" }}</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      userInof: JSON.parse(localStorage.getItem('user'))
    }
  }
}
</script>

<style lang="scss" scoped>
.userName {
  width: 100%;
  margin: 10px 15px;
  h1 {
    font-weight: bolder;
  }
}
</style>
